.plan-detail-layout {
  min-height: 100%;
  background: #fff;
  .plan {
    background: #fff;
    min-height: 1.6rem;
    padding: 0.34rem 0.36rem;
    border-bottom: 1px solid #C2C2C2;
    border-top: 0.15rem solid #EBEBF0;
    .plan-line {
      font-size: 0.26rem;
      line-height: 0.36rem;
      font-weight: bold;
      color: #5d5d5d;
      margin-bottom: 0.24rem;
      .line {
        margin-right: 0.1rem;
      }
      .arrow {
        color: #5D5D5D;
        margin-left: 0.1rem;
      }
      .icon-fast {
        width: 0.72rem;
        height: 0.32rem;
        background-position: -5.5rem -0.6rem;
      }
      .icon-walk {
        width: 0.88rem;
        height: 0.32rem;
        background-position: -2.4rem -1.1rem;
      }
      .icon-change {
        width: 0.88rem;
        height: 0.32rem;
        background-position: -3.6rem -1.1rem;
      }
    }
    .plan-data {
      font-size: 0.24rem;
      line-height: 0.24rem;
      height: 0.24rem;
      color: #5D5D5D;
      .travel {
        margin: 0 0.24rem;
      }
      .walk {
        margin-right: 0.24rem;
      }
    }
    position: fixed;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
  }
  .plan-detail-list {
    padding: 0.3rem 0.32rem 2rem 0.36rem;
    .list-txt {
      height: 0.3rem;
      font-size: 0.28rem;
      line-height: 0.3rem;
      color: #030303;
      font-weight: bold;;
      .circle-start {
        margin-right: 0.26rem;
        color: #95E080;
      }
      .arrow {
        color: #5D5D5D;
        margin: 0 0.1rem;
      }
      .circle-end {
        margin-right: 0.26rem;
        color: #F49B8E;
      }
    }
    .plan-show {
      .walk-detail {
        height: 1rem;
        font-size: 0.24rem;
        color: #A5A5A5;
        line-height: 1rem;
        .icon-sign {
          width: 0.18rem;
          height: 1rem;
          background-position: -6.73rem -0.2rem;
          vertical-align: middle;
        }
        .icon-walk {
          width: 0.2rem;
          height: 0.3rem;
          background-position: -5.1rem -1.1rem;
        }
      }
      .bus-detail {
        background: #EEF2FD;
        -webkit-border-radius: 0.08rem;
        -moz-border-radius: 0.08rem;
        border-radius: 0.08rem;
        margin: 0.1rem 0;
        padding: 0.24rem 0.4rem;
        .plan-title {
          font-size: 0.28rem;
          line-height: 0.3rem;
          font-weight: bold;
          .arrow {
            color: #5D5D5D;
            margin: 0 0.1rem;
          }
        }
        .plan-data {
          height: 0.3rem;
          line-height: 0.3rem;
          font-size: 0.24rem;
          color: #87898D;
          margin-top: 0.25rem;
          .icon-bus {
            width: 0.3rem;
            height: 0.28rem;
            background-position: -5.5rem -1.1rem;
            vertical-align: middle;
          }
          .name {
            color: #4FACEA;
            margin: 0 0.1rem;
          }
          .icon-up {
            width: 0.26rem;
            height: 0.14rem;
            background-position: -2rem -1.6rem;
            margin-left: 0.1rem;
            margin-top: 0.05rem;
          }
          .icon-down {
            width: 0.26rem;
            height: 0.14rem;
            background-position: -1.5rem -1.6rem;
            margin-left: 0.1rem;
            margin-top: 0.05rem;
          }
        }
        .site-layout {
          margin-top: 0.32rem;
          position: relative;
          .site-line {
            height: 97%;
            width: 2px;
            background: #4FACEA;
            position: absolute;
            z-index: 0;
            top: 3%;
            left: 0;
          }
        }
        .site-list {
          position: relative;
          z-index: 1;
          li {
            line-height: 0.42rem;
            font-size: 0.24rem;
            color: #5D5D5D;
            padding-left: 0.25rem;
            //border-left: 2px solid #4FACEA;
            .sign-up {
              display: none;
            }
            .sign-down {
              display: none;
            }
          }
          li:first-child {
            padding-left: 0;
            font-size: 0.28rem;
            .sign-up {
              display: inline-block;
              width: 0.34rem;
              height: 0.34rem;
              background: #4FACEA;
              -webkit-border-radius: 50%;
              -moz-border-radius: 50%;
              border-radius: 50%;
              font-size: 0.2rem;
              line-height: 0.34rem;
              text-align: center;
              color: #fff;
              vertical-align: middle;
              margin-left: -0.14rem;
            }
          }
          li:last-child {
            padding-left: 0;
            font-size: 0.28rem;
            .sign-down {
              display: inline-block;
              width: 0.34rem;
              height: 0.34rem;
              background: #4FACEA;
              -webkit-border-radius: 50%;
              -moz-border-radius: 50%;
              border-radius: 50%;
              font-size: 0.2rem;
              line-height: 0.4rem;
              text-align: center;
              color: #fff;
              vertical-align: middle;
              margin-left: -0.14rem;
            }
          }
        }
      }
    }
  }
  .icon-code {
    width: 1.52rem;
    height: 1.52rem;
    background-position: 0 -2rem;
    position: fixed;
    right: 0.28rem;
    bottom: 1.32rem;
  }
}

